Ext.define('Holo.view.ListContenu', {
	extend: 'Ext.Panel',	
	alias: 'widget.listcontenu',

	config : {
		layout:{
			type:'vbox'
		},
    	    
		items:[ 
		       {
		            dock : 'top',
		            xtype: 'toolbar',
		            title: 'Info sur point Holo',
		            ui   : 'light',
		            items: [
			                	{
			                	 id:'ListContenuBtBack',
			            		 text: 'Retour',
				        	     ui: 'back'
			                	}
			                ]
		        },{ 	
		        	xtype: 'list',
					id:'listContenu',
					flex : 1,
		            store: 'Contenus',
		            grouped : false,
			        indexBar: false,
		            itemTpl: ['<tpl switch="type">',
				            	 '<tpl case="audio">',
		            	                '<img src="app/stylesheets/img/audio.png">{lib} : {type}',
		            	         '<tpl case="text">',
		            	                '<img src="app/stylesheets/img/text.png">{lib} : {type}',
		            	         '<tpl case="video">',
		            	                '<img src="app/stylesheets/img/video.png">{lib} : {type}',
		            	         '<tpl case="photo">',
		            	                '<img src="app/stylesheets/img/photo.png">{lib} : {type}',
		            	            '<tpl default>',
		            	                '{type}',
						      '</tpl>']
		        }    
		      ]		
	}, 
	initialize: function() {
	    console.log('initialize list Contenus');	    
		this.callParent();
    }
});